<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQ的文本设置</title>
    <script src="../js1/jquery-1.11.0.min.js"></script>

    <script>
        $(function (){
            //获取  不带参是获取，带参是修改
            var a = $("#p1").html();
            alert(a);
            //设置p标签内容 innerHTML ->html() / innerText -> text()
            $("#p1").html('<font color="aqua">JQ的html方法添加的文本内容</font>');

            //val() -> 获取value属性中的属性值  不带参是获取，带参是修改
            var b = $("input").val();
            alert(b);

            //修改value的属性值
            var c = $("input").val("JQ设置input的内容");
        });
    </script>
</head>
<body>
   <p id="p1">段落</p>
   <div id="div1">div</div>
   <input type="text" value="input的内容"/>
</body>
</html>